<ion-view view-title="售后疑问" class="messageDetail">
	<!--一定要手动加导航栏-->
	<ion-nav-bar>
		<ion-nav-back-button>
		</ion-nav-back-button>
	</ion-nav-bar>
	<!--通过副标题来定位-->
	<div class="bar bar-subheader line-bottom">
		<!--描述：顶部模块-->
		<div class="row padding-0 font-large-my">
			<div class="col assertive">
				<i class="icon ion-help-circled"></i>售后疑问
			</div>
			<div class="col text-right" on-tap="rightSideMenu()">
				筛选<i class="iconfont icon-shaixuan"></i>
			</div>
		</div>
	</div>
	
	<!-- 侧边菜单 -->
	<ion-side-menus>
		<!-- 中间内容 -->
		<ion-side-menu-content>
			<!--描述：滑动块-->
			<ion-content style="padding-top: 44px;">
					<!--描述：下拉刷新-->
					<ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"></ion-refresher>
					<div class="item item-image">
					 	<img src="img/consult-sh-img.png"/>
					</div>

					<!--描述：列表-->
					<div class="font-large-my font-gray-my text-center padding" ng-if="list.article.length==0||list.article==null">
						<i class="icon ion-sad-outline font-1rem-my"></i> 对不起，没有符合条件的数据.....
					</div>
					
					<div class="list">
						<div ng-repeat="article in list.article">
							<li class="item item-divider padding-5 font-middle-my">
							 	{{article.cat_type_name}}
							 </li>
							<li class="item item-text-wrap item-image font-middle-my padding-5 text-align-my">
							 	{{article.question}}
							 	<p class="font-middle-my font-gray-my" style="text-indent: 2em;">回答：<span ng-bind-html="article.answer"></span></p>
							</li>
						</div>
					</div>
					<!--描述：当用户到达页脚或页脚附近时-->
					<ion-infinite-scroll ng-if="!isLoad" immediate-check="false" on-infinite="doRefreshMore()" distance="1%"></ion-infinite-scroll>
			</ion-content>
		</ion-side-menu-content>
		
		<!-- 右侧菜单 -->
		<ion-side-menu side="right">
			<!-- 搜索条件 -->
			<ion-content style="padding-top: 44px;">
				<div class="list" style="margin-top: 8px;padding: 0.5rem;">
					<label class="item item-input"><i class="icon ion-search placeholder-icon"></i><input type="text" placeholder="关键字" ng-model="input.key"></label>
					<div class="item item-input item-select" data-tap-disabled="true" style="padding:0 30px 0 15px;">
							<div class="input-label">大分类</div>
							<div class="input-value" ng-click="doSelectCat1()">{{input.cat1.name}}</div>
						</div>
						<div class="item item-input item-select" data-tap-disabled="true" style="padding:0 30px 0 15px;">
							<div class="input-label">中分类</div>
							<div class="input-value" ng-click="doSelectCat2()">{{input.cat2.name}}</div>
						</div>
						<div class="item item-input item-select" data-tap-disabled="true" style="padding:0 30px 0 15px;">
							<div class="input-label">小分类</div>
							<div class="input-value" ng-click="doSelectCat3()">{{input.cat3.name}}</div>
						</div>
				</div>
				<div class="row">
					<div class="col"><button class="button button-full button-energized" on-tap="doCancel()">取消</button></div>
					<div class="col"><button class="button button-full button-assertive" on-tap="doSearch()">确定</button></div>
				</div>
			</ion-content>
		</ion-side-menu>
	</ion-side-menus>
</ion-view>